<template>
	<div class="gZuofa">
		<ul class="gZuofa-box">
			<li v-for="Gzf in itemsGzf">
				<img :src="Gzf.img"/>
				<p><span style="color: #f2682a;">{{ Gzf.num }}</span>&nbsp;{{ Gzf.jies }}</p>
			</li>
		</ul>
	</div>
</template>

<script>
	export default {
			data(){
				return{
					itemsGzf:[]
				}
			},			
			mounted (){
				fetch("./static/gZuofa.json").then(function(res){
					return res.json();
				})
				.then((res)=>{					
					this.itemsGzf=res;
				})
			}
		}
</script>

<style>
	.gZuofa{
		margin-top: .3rem;
		width: 100%;
	}
	.gZuofa-box{
		width: 90%;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
	}
	.gZuofa-box img{
		margin-left: .6rem;
	}
	.gZuofa-box p{
		height: .9rem;
		color: #5d5d5d;
	}
	
</style>